* {
    scroll-behavior: smooth;
  }
html{
    font-family: sans-serif;
    background-color: antiquewhite;
}
.Start{
    background-image: url("./images/holiday.jpg");
    background-position: center;
    background-size: cover;
    padding: 20px;
    margin: 1%;
    border: 10%;
    border-radius: 50px;
}
header{
    text-align: center;
    color:aliceblue;
    background-color: rgba(00, 00, 00, .5);
    border-radius: 25px;
    margin-left: 20%;
    margin-right: 20%;
}
h1{
    font-size: 60px;
    opacity: 100%;
    
}
body{
    
}
.About{
    background-color: rgb(252, 243, 233);
    background-position: center;
    background-size: cover;
    margin:1%;
    padding: 20px;
    border: 10%;
    border-radius: 50px;
    max-width: auto;
    max-height:auto;
    justify-content: center;
    text-align: center;
    height: auto;
}
.us{
padding: 0%;
}
#culprets{
    font-size: 30px;
}
.table {
    content: "";
    display: table;
    clear: both;
  }
h2, h4, p{
    margin:0%;
    text-align: center;
}
#Timeline{
    font-size: 50px;
    color: palevioletred;
}

/*Jack*/

.Jack {
    float: left;
    width: 45%;
    font-size: 20px;
  }
#Jack{
    font-size: 30px;
    color: rgb(226, 135, 166);
}
#imgjack{
    width: 500px;
    height: 600px;
}
.jacktext{
    text-align: center;
}

/*Jess*/

.Jess {
    float: right;
    width: 45%;
    font-size: 20px;
  }
.Jess{
    display: inline-block;
}
#Jess{
    font-size: 30px;
    color: rgb(226, 135, 166);
}
#imgjess{
    width: 500px;
    height: 600px;
    object-fit: cover;
}
.jesstext{
    text-align: center;
}
li{
    text-align: center;
    list-style-type: none;
  }
  #Year{
    font-size: 40px;
    color: rgb(255, 159, 250);
  }
  #Month{
    font-size: 25px;
    font-weight: bold;
  }
  #period{
    font-size: 30px;
    color:rgb(188, 111, 216);
  }
  p{font-size: 20px}
  .now{
    background-color: rgb(248, 83, 207, 30%);
    background-position: center;
    background-size: cover;
    margin:1%;
    padding: 20px;
    border: 10%;
    border-radius: 50px;
    max-width: auto;
    max-height:auto;
    justify-content: center;
    text-align: center;
    height: auto;
}
#imgLuna{
    width: 500px;
    height: 600px;
}